<!-- 圆形背景加小图标居中 -->
<template>
    <div class="iconBorder1">
        <img src="@/assets/images/newIndex/czAndZm.png" class="img1" />
    </div>
</template>

<script>
export default {
    props: ['imgSrc', 'outWidth', 'inWidth', 'bgColor'],
    name: 'zhaoMing',
    data() {
        return {}
    },
    methods: {
        getImg() {
            try {
                const src = this.imgSrc
                const img = require(`@/assets/images/${src}`)
                console.log(src, img, 'src....')
                return img
            } catch (error) {
                console.log(error)
                return ''
            }
        }
    }
}
</script>
<style lang="scss" scoped>
.iconBorder1 {
    display: inline-block;
    text-align: center !important;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    vertical-align: text-bottom;
    background-color: #d8e6fc;
    img {
        display: block;
        margin: 2px auto;
        height: 44px;
    }
    // .img1 {
    //     height: 20px;
    // }
    // .img2 {
    //     height: 20px;
    // }
}
</style>